//---选择数据弹窗---------------------------
$(function() {
	$("#_chooseData").hover(function() {
		$(this).stop().animate({
			opacity: '1'
		}, 600);
	}, function() {
		$(this).stop().animate({
			opacity: '0.6'
		}, 1000);
	}).on('click', function() {
		$("#relatedData").fadeIn("slow");
	});
	$(".close_btn").hover(function() {
		$(this).css({
			color: 'black'
		})
	}, function() {
		$(this).css({
			color: '#999'
		})
	}).on('click', function() {
		$("#relatedData").fadeOut("fast");
	});
});
//----发布-------------------------------
$(function() {
	var length = 0; //多选项的个数	
	//1、点击发布，内容判断不为空，为空直接返回并报错
	//1.1将发送的数据放进data对象
	var data = {
			title: $('#_report_title').val(), //报告名称
			desc: $('#_report_desc').val(), //报告简介
			cover_img: $('#_report_cover_img_id').val(), //产品图片，值为图片地址
			attachment: $('#_report_attachment').val(), //附件，地址
			content: $('#editor-trigger').html(), //详细介绍
			price: '0' //价格，免费则为0，收费则提交真实价格
		}
		//1.2遍历data判断是否有空值，如果有空值，显示报错div
	$(document)
		.on('click', '._submitReport', function() {
			data.related_service_ids = [];
			data.title = $('#_report_title').val();
			data.desc = $('#_report_desc').val();
			data.cover_img = $('#_report_cover_img_id').val();
			data.attachment = $('#_report_attachment').val();
			//data.content = $('.simditor-body').html();
			data.content = $('#editor-trigger').html();
			var btn = $(this);
			for(var i = 0, len = $('._relatedData li').length; i < len; i++) {
				data.related_service_ids.push($('._relatedData li').eq(i).attr('idNum'))
			}
			data.related_service_ids = data.related_service_ids.join(','); //以逗号分隔的id字符串
			//console.log(data.related_service_ids);
			$.each(data, function(key) { //添加错误样式
				data[key] ? '' : $('#_errDiv_' + key).removeClass('hide');
			});
			data.attachment_name = $('._pushMsg').text();
			//
			//			console.log(data);
			//			return;
			//6、点击发布按钮，ajax请求。根据status返回值，进行相应处理
			if($('div.error:not(.hide)')[0]) {
				//offsetTop兼容性解决
				function offsetTop(elements) {
					var top = elements.offsetTop;
					var parent = elements.offsetParent;
					while(parent !== null) {
						top += parent.offsetTop;
						parent = parent.offsetParent;
					}
					return top;
				};
				//本页跳转
				$('#tab1').scrollTop(offsetTop($('div.error:not(.hide)')[0]) - 160)
				return;
			} else {
				$.ajax({
					type: 'post',
					url: '/reportservice/add.html',
					data: data,
					success: function(data) {
						if(data.status == 200) {
							show_msg({
								type: 'ok',
								msg: '发布成功'
							});
							location.href = '/reportservice/index.html';
						} else {
							show_msg({
								type: 'error',
								msg: data.msg
							})
						}
					},
					error: function(data) {
						show_msg({
							type: 'error',
							msg: data.msg
						})
					}
				});
			}
		})
		//2、鼠标离开事件，判断不为空，为空报错，且发布按钮不可点击
		.on('blur', '#_report_title,#_report_desc', function() {
			var that = $(this);
			that.val() ? '' : that.next().removeClass('hide') && that.addClass('warning');
		})
		//3、鼠标移入事件，去掉报错提示，发布按钮取消不可点状态
		.on('focus', '#_report_title,#_report_desc', function() {
			var that = $(this);
			that.next().addClass('hide') && that.removeClass('warning');
		})
		.on('click', '._imgOver', function() {
			$('#_errDiv_cover_img').addClass('hide');
		})
		.on('click', '#_pushFile', function() {
			$('#_errDiv_attachment').addClass('hide');
		})
		.on('click', '#_chooseData', function() {
			$('#_errDiv_related_service_ids').addClass('hide');
			if($('#related_service_ids')[0]) { //如果存在已选内容
				var idsArr = $('#related_service_ids').val().split(',');
				var elems = $('#relatedData [name=relatedDataCharge]');
				for(var i = 0, len = elems.length; i < len; i++) {
					if(idsArr.indexOf(elems[i].value) >= 0) {
						elems.eq(i).attr({
							'checked': 'checked'
						});
					}
				}
			}
		})
		.on('click', '.simditor', function() { //富文本框
			$('#_errDiv_content').addClass('hide');
		})
		//4、价钱单选按钮事件							
		.on('click', '#_free', function() { //免费，删除收费checked，单价框清空并设置为不可点击,data.price为0,去掉错误样式
			data.price = '0';
			$(this).attr({
				'checked': 'checked'
			});
			$('#_charge').removeAttr('checked');
			$('._report_Money').val('').attr({
				'disabled': 'disabled'
			});
			$('._report_Money').removeClass('warning');
			$('#_errDiv_price').addClass('hide');
		})
		.on('click', '#_charge', function() { //收费，删除免费框checked,单价框设置为可点
			data.price = $('._report_Money').val();
			$(this).attr({
				'checked': 'checked'
			});
			$('#_free').removeAttr('checked');
			$('._report_Money').removeAttr('disabled');
		})
		.on('blur', '._report_Money', function() { //收费，焦点离开进行判断
			var curPrice = $(this).val();
			curPrice ? '' : $('#_report_price_msg').html('请输入商品单价') && $('#_errDiv_price').removeClass('hide') && $(this).addClass('warning');
			if(!curPrice) {
				return;
			}
			if(Number(curPrice) !== 0 && Number(curPrice)) {
				data.price = curPrice
			} else {
				$('#_report_price_msg').html('请输入正确价格') && $('#_errDiv_price').removeClass('hide') && $(this).addClass('warning');
			}
		})
		.on('focus', '._report_Money', function() { //收费，移入
			$(this).removeClass('warning');
			$('#_errDiv_price').addClass('hide');
		})
		//5、相关数据多选框点击	
		.on('click', '#relatedData [name=relatedDataCharge]', function() {
			var cur = $(this);
			//点击，如果没有则添加checked,length++,显示内容；如果有则删除checked,length--,删除内容，设置input都为可点击状态
			if(cur.attr('checked')) { //已经被选择
				cur.removeAttr('checked');
				length--;
				$('._checkValue' + cur.val()).remove();
				$('[name=relatedDataCharge]').removeAttr('disabled');
			} else { //没有被选择
				cur.attr({
					'checked': 'checked'
				});
				length++;
				$('._relatedData').append('<li class=_checkValue' + cur.val() + ' idNum=' + cur.val() + '>' + cur.parent().text().trim() + '</li>');
			}
			//length长度超过5的时候，设置其他的input为不可点击
			//TODO 改为4
			if(length > 2) {
				$('[name=relatedDataCharge][checked!=checked]') && $('[name=relatedDataCharge][checked!=checked]').attr({
					'disabled': 'disabled'
				})
			}
		})
		.on('click', '._chooseSure', function() {
			$('._chooseClose').trigger('click');
		})

});
//----编辑_editReportbtn----------------

$(function() {
		//1.2遍历data判断是否有空值，如果有空值，显示报错div
		$(document).on('click', '._editReportbtn', function() {
			var length = $('#related_service_ids').val().split(',').length; //多选项的个数	
			//1、点击发布，内容判断不为空，为空直接返回并报错
			//1.1将发送的数据放进data对象
			var data = {
				title: $('#_report_title').val(), //报告名称
				desc: $('#_report_desc').val(), //报告简介
				cover_img: $('#_report_cover_img_id').val(), //产品图片，值为图片地址
				attachment: $('#_report_attachment').val(), //附件，地址
				content: $('#editor-trigger').html(), //详细介绍
				price: '0' //价格，免费则为0，收费则提交真实价格
			};
			data.related_service_ids = [];
			data.id = $('._report_info_id').val(); //报告对应的id
			data.title = $('#_report_title').val();
			data.desc = $('#_report_desc').val();
			data.cover_img = $('#_report_cover_img_id').val();
			data.attachment = $('#_report_attachment').val();
			data.content = $('#editor-trigger').html();
			var btn = $(this);
			for(var i = 0, len = $('._relatedData li').length; i < len; i++) {
				data.related_service_ids.push($('._relatedData li').eq(i).attr('idNum'))
			}
			data.related_service_ids = data.related_service_ids.join(','); //以逗号分隔的id字符串
			//console.log(data.related_service_ids);
			$.each(data, function(key) { //添加错误样式
				data[key] ? '' : $('#_errDiv_' + key).removeClass('hide');
			});
			data.attachment_name = $('._pushMsg').text();
			//修改价钱
			var priceType = $('.classification [checked=checked]').val();
			if(priceType == 1) {
				data.price = $('._report_Money').val();
			}
			//console.log(data);
			//console.log(data.attachment_name);
			//6、点击发布按钮，ajax请求。根据status返回值，进行相应处理
			if($('div.error:not(.hide)')[0]) {
				//offsetTop兼容性解决
				function offsetTop(elements) {
					var top = elements.offsetTop;
					var parent = elements.offsetParent;
					while(parent !== null) {
						top += parent.offsetTop;
						parent = parent.offsetParent;
					}
					return top;
				};
				//本页跳转
				$('#tab1').scrollTop(offsetTop($('div.error:not(.hide)')[0]) - 160)
				return;
			} else {
				$.ajax({
					type: 'post',
					url: '/reportservice/edit.html',
					data: data,
					success: function(data) {
						if(data.status == 200) {
							show_msg({
								type: 'ok',
								msg: '编辑成功'
							});
							location.href = '/reportservice/index.html';
						} else {
							show_msg({
								type: 'error',
								msg: data.msg
							})
						}
					},
					error: function(data) {
						show_msg({
							type: 'error',
							msg: data.msg
						})
					}
				});
			}
		})
	})
	//-----上传文件-----------------------
$(function() {
		var uploader = WebUploader.create({
			server: '/common/uploadFile.html', //文件接收服务端。			
			pick: '#_pushFile', //内部根据当前运行是创建，可能是input元素，也可能是flash.
			auto: true,
			accept: {
				title: 'pdf文档',
				extensions: 'pdf',
				mimeTypes: '.pdf'
			},
			threads: 1
				//fileNumLimit: 1 //同时能上传几个文件
		});
		uploader.on('uploadProgress', function(file, percentage) {
			//TODO btn改为上传中
		});
		uploader.on('uploadSuccess', function(file, response) {
			//上传成功
			$('._pushMsg').html(file.name);
			$('._pushFileAddress').val(response.data);
		});
		uploader.on('uploadError', function(file, response) {
			//上传出错
			$('._pushMsg').html('文件上传失败');
		});
	})
	//----富文本框------------------------
	//$(function() {
	//	toolbar = ['title', 'bold', 'italic', 'underline', 'strikethrough',
	//		'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|',
	//		'link', 'image', 'hr', '|', 'indent', 'outdent'
	//	];
	//	var editor = new Simditor({
	//		textarea: $('#editor'),
	//		placeholder: '这里输入内容...',
	//		toolbar: toolbar, //工具栏  
	//		//defaultImage : 'simditor-2.0.1/images/image.png', //编辑器插入图片时使用的默认图片  
	//		upload: {
	//			url: 'http://www.dataex.com/common/uploadfiy.html', //文件上传的接口地址  
	//			fileKey: 'fileData', //服务器端获取文件数据的参数名  
	//			connectionCount: 3,
	//			leaveConfirm: '正在上传文件'
	//		},
	//		pasteImage: true
	//	});
	//});
	//----富文本wangedit.js-------------------------
$(function() {
	var editor = new wangEditor('editor-trigger');
	// 上传图片
	editor.config.uploadImgUrl = '/common/uploadfiy.html';
	editor.config.uploadImgFileName = 'file'
		// 自定义上传事件
	editor.config.uploadImgFns.onload = function(resultText, xhr) {
		console.log(JSON.parse(resultText));
		resultText = JSON.parse(resultText);
		var originalName = editor.uploadImgOriginalName || '';
		editor.command(null, 'insertHtml', '<img src="' + resultText.data + '" alt="' + originalName + '" style="max-width:100%;"/>');
	};
	// 自定义timeout事件
	editor.config.uploadImgFns.ontimeout = function(xhr) {
		alert('上传超时');
	};
	// 自定义error事件
	editor.config.uploadImgFns.onerror = function(xhr) {
		alert('上传错误');
	};
	editor.create(); //创建编辑器
	if($('#_content')[0]) {
		editor.$txt.html($('#_content').val())
	}
});

//-----函数-------------------------------
/**
 * 创建报错的html
 * @param {Object} msg 不同的报错提示
 */
function createErrDiv(msg) {
	var errHtml = document.createElement('div');
	$(errHtml).addClass('error').append('<i> </i><span></span > ');
	$(errHtml).last().html(msg);
	return errHtml;
}
/**
 * 判断是否为空
 * @param {Object} $element
 */
function nullVerify($element) {
	if(!$element.val() && !$element.val().trim()) {
		return {
			'$element': $element,
			'code': 0,
			'msg': '不能为空'
		};
	} else {
		return;
	}
}